/* basic settings */
.spinnerx { 
	-fx-skin: "jfxtras.scene.control.SpinnerXCaspianSkin";
	-fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
	-fx-background-insets: 0 0 -1 0, 0, 1, 2;
	-fx-background-radius: 5, 5, 4, 3;
	-fx-padding: 0.266667em 0.233333em 0.25em 0.233333em;
	-fx-text-fill: -fx-text-base-color;
}

.spinnerx .SpinnerXCaspianSkin { /* this is not picked up, in the end the styling above should move down to here */ 
	-fx-color: BLUE; 
}

.spinnerx:focused { 
	-fx-color: -fx-focused-base;
	-fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
	-fx-background-insets: -1.4, 0, 1, 2;
	-fx-background-radius: 6.4, 5, 4, 3;	
}

/* value
.spinnerx .SpinnerXCaspianSkin .value { 
}
*/

/* arrow */
.spinnerx .left-arrow { 
    -fx-background-color: -fx-mark-color;
    -fx-shape: "M4,-4 L0,0 L4,4 Z";
    /*-fx-shape: "M0,0 L10,0 L10,10 L0,10 Z";*/
    -fx-scale-shape: false;
}
.spinnerx .right-arrow { 
    -fx-background-color: -fx-mark-color;
    -fx-shape: "M0,-4 L4,0 L0,4 Z";
    -fx-scale-shape: false;
}
